<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<base href="test_02.html"  />
		<base target="_blank"/>
		<title></title>
	</head>
	<body>
		<!--字体标签
			size属性：改变字体的大小，size的取值可以是绝对值也可以是相对值。绝对值取值范围是从1到7的整数
			不对font标签设置size属性，其默认值是3，size=“+4”相对值即为7
			color属性：设置字体颜色，其属性值可以是字体颜色名称、十六进制文本颜色或RGB值，默认颜色是黑色
			face属性：设置字体的类型，其属性值可以是一种字体名也可以是一系列字体名，字体之间使用逗号隔开。如果是一系列字体名，
			则实际提供的是一个字体的优先表，浏览器从前后选择可以获取的字体进行显示		
		-->
		<font face="华文彩云，微软雅黑" size="+2" color="red">我采用了华文彩云字体，颜色为红色，字体大小为5，颜色为红色</font><br>
		<font size="3" color="rgb(0,255,0)">我采用了默认字体，字体大小为3，颜色为绿色！</font><br>
		<font face="隶书">我采用了隶书字体，字体大小和颜色均为默认！</font><br>
		
		
		
		<!--文字格式-->
		<!--b:粗体-->
		<b>b标签网上书城</b><br>
		<!--i:斜体-->
		<i>i标签网上书城</i><br>
		<!--big:大号字体-->
		<big>big标签网上书城</big><br>
		<!--small:小号字体-->
		<small>small标签网上书城</small><br>
		<!--tt:打印机文字（等宽）-->
		<tt>tt标签网上书城</tt><br>
		<!--em:定义为强调的内容-->
		<em>em标签网上书城</em><br>
		<!--strong:定义为语气更强的强调的内容-->
		<strong>strong标签网上书城</strong><br>
		<!--dfn:定义一个定义项目-->
		<dfn>dfn标签网上书城</dfn><br>
		<!--code:定义计算机代码文本容-->
		<code>code标签网上书城</code><br>
		<!--samp:定义样本文本-->
		<samp>samp标签网上书城</samp><br>
		<!--kbd:定义键盘文本-->
		<kbd>kbd标签网上书城</kbd><br>
		<!--var:定义变量-->
		<var>var标签网上书城</var><br>
		<!--cite:定义引用-->
		<cite>cite标签网上书城</cite><br>
		<!--s/strike:删除线，建议用<del>标签代替-->
		<s>s标签网上书城</s><br>
		<!--u:下划线，建议少使用，会让用户误认为是超链接-->
		<u>u标签网上书城</u><br>
		<!--sup:上标-->
		sup标签<sup>网上书城</sup><br>
		<!--sub:下标-->
		sub标签<sub>网上书城</sub><br>
		<!--address:地址-->
		<address>address标签网上书城</address><br>
		
		
		<!--文本分段
		段落标签  <p>段落内容</p>
		对于段落标签，有一个可以选的属性align，用以表示段落相对浏览器窗口在水平位置上的对齐方式
			left：段落左对齐
			right：段落右对齐
			center：段落居中对齐	
			justify：对行进行伸展，每行都可以有相等的长度
		换行标签 文本内容<br>或<br/>
		水平标签 <hr>或<hr/>
			align：center、left、right 水平线对齐方式
			size： pixels 水平线高度
			width：pixels、%  水平线宽度
			color：颜色的表示方法 水平线颜色
			noshade：noshade  水平线不出现阴影
		-->
		<p align="right"><font face="隶书" color="rgb(255,0,0)">《使用前端技术展现web系统》</font></p>
		<p align="left">在当今社会中，Web已经成为网络信息共享和发布的主要形式。要想开发Web应用系统，
			就必须要掌握Web前端技术。本书从HTML、CSS和JavaScript三个方面系统的介绍了Web前端开发。
			其中，超文本标记语言（Hyper Text Markup Language，HTML）是创建Web页面的基础，
			级联样式表（Cascading Style Sheet，CSS）是用来进行网页风格设计的，
			JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。</p>
        <p align="center"><font face="微软雅黑" size="+2">电子工业出版社</font></p>
        
		<hr align="right" width="30%" color="rgb(255,0,0)" />
		<p align="right"><font face="隶书" color="rgb(255,0,0)">《使用前端技术展现web系统》</font></p>
		<hr size="5" />
		<p align="left">在当今社会中，Web已经成为网络信息共享和发布的主要形式。要想开发Web应用系统，
			就必须要掌握Web前端技术。本书从HTML、CSS和JavaScript三个方面系统的介绍了Web前端开发。
			其中，超文本标记语言（Hyper Text Markup Language，HTML）是创建Web页面的基础，
			级联样式表（Cascading Style Sheet，CSS）是用来进行网页风格设计的，
			JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。</p>
			<hr align="center" size="10" width="400" noshade="noshade" color="#000000" />
        <p align="center"><font face="微软雅黑" size="+2">电子工业出版社</font></p>
        
        <!--标题标签 
        	<hn>将标题内容设为一个段落，字体设为黑体，字号大小根据n值的大小确定
        		<hn>标题文字</hn>
        		标题标签共有六种，每一种在字号上有明显区别
        -->
        <hr align="right" width="30%" color="rgb(255,0,0)" />
		<p align="right"><font face="隶书" color="rgb(255,0,0)">《使用前端技术展现web系统》</font></p>
		<hr size="5" />
		<p align="left">在当今社会中，Web已经成为网络信息共享和发布的主要形式。要想开发Web应用系统，
			就必须要掌握Web前端技术。
			<h3>本书从HTML、CSS和JavaScript三个方面系统的介绍了Web前端开发。</h3>
			<h4>&nbsp;&nbsp;&nbsp;&nbsp;超文本标记语言（Hyper Text Markup Language，HTML）是创建Web页面的基础</h4>
			<h4>&nbsp;&nbsp;&nbsp;&nbsp;级联样式表（Cascading Style Sheet，CSS）是用来进行网页风格设计的</h4>
			<h4>&nbsp;&nbsp;&nbsp;&nbsp;JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言</h4></p>
			<hr align="center" size="10" width="400" noshade="noshade" color="#000000" />
        <p align="center"><font face="微软雅黑" size="+2">电子工业出版社</font></p>
        
        <!--有序列表标签
        	<ol>
        		<li>项目一</li>
        		<li>项目二</li>
        		<li>项目三</li>
        		.....
        	</ol>
        	对于<ol>标签有两个属性 
        		type：规定列表的类型，默认为数字
        		start：规定列表中的起始点，默认为1
        -->
        <ol type="A" start="1">
        	<li>小说</li>
        	<li>文艺</li>
        	<li>励志/成功</li>
        	<li>童书</li>
        </ol>
        <!--有序列表嵌套 嵌套时，只需将内层列表作为外层列表的一个列表项即可
        <ol type="value" start="value">
        	<li>列表项1
        		<ol type="value" start="value">
        			<li>列表项1</li>
        			<li>列表项1</li>
        			<li>列表项1</li>
        			......
        		</ol>
        	</li>
        	<li>列表项2</li>
        	......
        </ol>	
        -->
        <!--无序列表标签
        	是指以实心圆、空心圆、实心方块开头的，没有顺序的列表项目
        	无序列表不存在start这个规定列表的起始点属性无序列表的type可以设置为disc、circle、square
        	<ul>
        		<li>项目一</li>
        		<li>项目二</li>
        		<li>项目三</li>
        		.....
        	</ul>
        -->
        <!--插入图像
        	基本语法 <img src="img_URL" alt="value">
        		src:定义了图像的链接地址，而alt属性则当图像无法显示时代替显示的文本
        		align：top、bottom、middle、left、right  规定如何根据周围的文本来排列图像，bottom是默认的对齐方式
        		width：定义图像的宽度，可用百分比
        		heigth：定义图像高度，可用百分比
        		border：定义图像周围的边框
        		hspace：定义图像左侧和右侧的空白
        		vspace：定义图像顶部和底部的空白
        		ismap：将图像定义为服务器端图像映射
        		usemap：将图像定义为客户端图像映射
        		longdesc：指向包含长的图像描述文档的URL
        -->
        <img src="40224.jpg" width="100%" height="500px" align="center" />  
        
        <!--插入超链接
        	一个超链接包含以下两部分
        	1、链接地址：即链接的目标，可以是某个网址或文件的路径等，对应为<a>标签的href属性
        	2、链接文本或图像：单击该文本或图像，将跳转到href属性指定的目标，对应为<a>标签中的文本或图像
        	基本语法：<a href="链接地址" target="目标窗口位置">链接文本或图像</a>
        	targe属性指定链接在哪个窗口打开，
        -->
        <a href="40224.jpg" target="_self">使用前端技术展现Web系统</a>
        <a href="test_02.html" target="_blank">
    <img border="0" src="40224.jpg" width="20%" height="20%"/>
</a>
<a href="https://www.eeuss.com/?tn=91097475_hao_pg" target="_blank">百度</a>
	</body>
</html>
